<template>
  <div class="infinite-container">
    <mu-flexbox class="bgwhite setting-nav">
      <mu-flexbox-item @click.native="go('/appointment/tips')">
        <i class="w-icon w-icon-yygh_small inline-block"/>
        <div>预约挂号</div>
      </mu-flexbox-item>
      <mu-flexbox-item @click.native="go('/appointment/getNumber')">
        <i class="w-icon w-icon-qdqh inline-block"></i>            
        <div>签到取号</div>
      </mu-flexbox-item>
      <mu-flexbox-item @click.native="go('/mainWait')">
        <i class="w-icon w-icon-pdjh inline-block"></i>            
        <div>排队叫号</div>
      </mu-flexbox-item>

    </mu-flexbox>
    <mu-divider/>
     <mu-flexbox class="bgwhite setting-nav">
       <mu-flexbox-item @click.native="go('/mainReportRecord', '1')">
        <i class="w-icon w-icon-mzbg inline-block"></i>            
        <div>报告查询</div>
      </mu-flexbox-item>
        <mu-flexbox-item @click.native="go('/mainFeeRecord')">
        <i class="w-icon w-icon-mzfy inline-block"></i>            
        <div>门诊费用</div>
      </mu-flexbox-item>
      <mu-flexbox-item @click.native="go('/inpatient-care/prePayHand')">
        <i class="w-icon w-icon-zscz_small inline-block"/>
        <div>掌上充值</div>
      </mu-flexbox-item>
    </mu-flexbox>
  </div>
</template>

<script>
export default {
  mounted () {
    this.$store.commit('UPDATE_LOADING', false)
    this.$store.commit('UPDATE_FOOTER')
  },
  beforeDestroy () {
    this.$store.commit('UPDATE_FOOTER')
  },
  methods: {
    go (url, checkType) {
      if (!url) {
        return
      }
      if (checkType === '1') { // 查询门诊报告
        sessionStorage.setItem('checkType', '1')
      }
      this.$router.push(url)
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../common/css/vars.less';

.setting-nav {
  text-align: center;
  padding: 30px 0;
  img {
    width: 30px;
  }
  .text{
    padding-top: 10px;
  }
  .mu-flexbox-item{
    border-left:1px solid #f2f2f2;
  }
}
</style>
